<template>
  <div class="newmet">
    <div class="title">
      <span class="text">新增会议</span>
      <img @click="handelshow" src="/src/assets/close.png" alt="">
    </div>
    <div class="select">
      <ul>
        <li class="item">
          <div class="img"></div>
          <span>快速建会</span>
        </li>
        <li class="item">
          <div class="img"></div>
          <span>快速建会</span>
        </li>
        <li class="item">
          <div class="img"></div>
          <span>快速建会</span>
        </li>
        <li class="item">
          <div class="img"></div>
          <span>快速建会</span>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {
  props:['show'],
  data() {
    return {
      
    }
  },
  methods: {
    handelshow () { //隐藏弹框
      this.show=false
    }
  },
}
</script>

<style lang="scss" scoped>
.newmet{
  width: 1158px;
  height: 390px;
  border: 1px solid #D6D6D6;
  border-radius: 0 20px 20px 20px;
  box-shadow: 4px 3px 7px 0px #00000036;
  .title{
    width: 100%;
    background-color: #879BD7;
    color: #fff;
    font-size: 20px;
    letter-spacing: 5px;
    display: flex;
    padding: 7px 16px 0px 13px;
    img {
      width: 25px;
      height: 25px;
    }
  }
  .select {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
</style>